<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('初始多表格')" />
    <style>
        .color {
            color: #f00;
        }
        .printBox {
            width: 793px;
            height: 1122px;
            background: #fff;
            margin: 20px auto;
            padding-top: 96px;
        }
        .printContent {
            margin-left: 72px;
            margin-right: 85px;
            width: 636px;
            box-sizing: border-box;
        }
        .printLine1 {
            width: 100%;
            height: 34px;
            text-align: center;
            line-height: 34px;
            font-size: 24px;
        }
        .printLine2 {
            width: 100%;
            height: 30px;
            text-align: center;
            line-height: 30px;
            font-size: 24px;
        }
        .printLine3 {
            width: 100%;
            height: 26px;
            display: flex;
            justify-content: flex-end;
        }
        .printLine3 .right {
            width: 140px;
            height: 26px;
        }
        .printLine4 {
            height: 21px;
            border-bottom: 2px solid #000;
            padding-left: 10px;
        }
        .printLine5 {
            width: 100%;
            height: 34px;
            display: flex;
            border-bottom: 2px solid #000;
            text-align: center;
            border-left: 2px solid #000;
            border-right: 2px solid #000;
            box-sizing: border-box;
        }
        .printLine5 .block1 {
            width: 119px;
            height: 34px;
            border-right: 2px solid #000;
            text-align: center;
            line-height: 34px;
        }
        .printLine5 .block2 {
            text-align: center;
            line-height: 34px;
            flex: 1;
        }
        .printLine6 {
            width: 100%;
            height: 34px;
            display: flex;
            border-bottom: 2px solid #000;
            border-left: 2px solid #000;
            border-right: 2px solid #000;
            box-sizing: border-box;
        }
        .printLine6 .block1 {
            width: 119px;
            height: 34px;
            border-right: 2px solid #000;
            text-align: center;
            line-height: 34px;
        }
        .printLine6 .block2 {
            width: 189px;
            height: 34px;
            border-right: 2px solid #000;
            text-align: center;
            line-height: 34px;
        }
        .printLine6 .block3 {
            width: 141px;
            height: 34px;
            border-right: 2px solid #000;
            text-align: center;
            line-height: 34px;
        }
        .printLine6 .block4 {
            width: 177px;
            height: 34px;
            text-align: center;
            line-height: 34px;
        }
        .printLine9 {
            width: 100%;
            height: 42px;
            display: flex;
            border-bottom: 2px solid #000;
            border-left: 2px solid #000;
            border-right: 2px solid #000;
            box-sizing: border-box;
        }
        .printLine9 .block1 {
            width: 119px;
            height: 42px;
            border-right: 2px solid #000;
            text-align: center;
            line-height: 42px;
        }
        .printLine9 .block2 {
            text-align: left;
            flex: 1;
        }
        .printLine10 {
            width: 100%;
            height: 64px;
            display: flex;
            border-bottom: 2px solid #000;
            border-left: 2px solid #000;
            border-right: 2px solid #000;
            box-sizing: border-box;
        }
        .printLine10 .block1 {
            width: 119px;
            height: 64px;
            border-right: 2px solid #000;
            text-align: center;
            line-height: 64px;
        }
        .printLine10 .block2 {
            flex: 1;
        }
        .printLine10 .block2-line {
            height: 31px;
            flex: 1;
            border-bottom: 2px solid #000;
            display: flex;
        }
        .printLine10 .block2-line2 {
            height: 31px;
            flex: 1;
            display: flex;
        }
        .printLine10 .block2-check {
            width: 22px;
            height: 31px;
            border-right: 1px solid #000;
            position: relative;
        }
        .printLine10 .block2-check::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 10px;
            height: 10px;
            border: 1px solid #000;
        }
        .printLine10 .block2-text {
            width: 73px;
            height: 31px;
            border-right: 2px solid #000;
            text-align: left;
            line-height: 34px;
            text-indent: 4px;
        }
        .printLine10 .block2-text:last-child {
            border-right: 0;
            width: 110px;
        }
        .printLine11 {
            width: 100%;
            height: 42px;
            display: flex;
            border-bottom: 2px solid #000;
            border-left: 2px solid #000;
            border-right: 2px solid #000;
            box-sizing: border-box;
        }
        .printLine11 .block1 {
            width: 119px;
            height: 42px;
            border-right: 2px solid #000;
            text-align: center;
            line-height: 42px;
        }
        .printLine11 .block2 {
            width: 189px;
            height: 42px;
            border-right: 2px solid #000;
            text-align: center;
            line-height: 42px;
        }
        .printLine11 .block3 {
            width: 131px;
            height: 42px;
            border-right: 2px solid #000;
            text-align: center;
            line-height: 42px;
        }
        .printLine11 .block4 {
            width: 187px;
            height: 42px;
            text-align: center;
            line-height: 42px;
        }
        .printLine12 {
            width: 100%;
            height: 32px;
            border-bottom: 2px solid #000;
            text-align: center;
            line-height: 32px;
            border-left: 2px solid #000;
            border-right: 2px solid #000;
            box-sizing: border-box;
        }
        .printLine13 {
            width: 100%;
            height: 143px;
            border-bottom: 2px solid #000;
            border-left: 2px solid #000;
            border-right: 2px solid #000;
            box-sizing: border-box;
        }
        .printLine13 .line {
            line-height: 26px;
        }
        .printLine14 {
            width: 100%;
            height: 30px;
            border-bottom: 2px solid #000;
            text-align: center;
            line-height: 30px;
            border-left: 2px solid #000;
            border-right: 2px solid #000;
            box-sizing: border-box;
        }
        .printLine15 {
            width: 100%;
            height: 89px;
            border-bottom: 2px solid #000;
            border-left: 2px solid #000;
            border-right: 2px solid #000;
            box-sizing: border-box;
        }
        .printLine16 {
            width: 100%;
            line-height: 30px;
            height: 30px;
            text-indent: 10px;
        }
        .printLine17 {
            display: flex;
            width: 100%;
            line-height: 30px;
            height: 30px;
            text-indent: 10px;
            border: 2px solid #000;
            border-right: 0;
            box-sizing: border-box;
        }
        .printLine17 .block1 {
            flex: 1;
            text-align: center;
            border-right: 2px solid #000;
        }
    </style>
</head>
<body class="gray-bg">
<div class="printBox" id="box1">
    <div class="printContent" th:object="${order}">
        <div class="printLine1">广东华阳有害生物防控技术有限公司</div>
        <div class="printLine2">检疫处理原始数据录入</div>
        <div class="printLine3">
            <div class="left">编号：</div>
            <div class="right color" th:text="*{number}"></div>
        </div>
        <div class="printLine4">处理单位 ：广东华阳有害生物防控技术有限公司  <span class="color" th:text="*{companyName}"></span>    分公司 </div>
        <div class="printLine5">
            <div class="block1">
                申请单位
            </div>
            <div class="block2 color" th:text="*{applicationUnit}"></div>
        </div>
        <div class="printLine6">
            <div class="block1">报检编号</div>
            <div class="block2 color" th:text="*{inspectionNumber}"></div>
            <div class="block3">处理对象</div>
            <div class="block4 color" th:text="*{processObject}"></div>
        </div>
        <div class="printLine6">
            <div class="block1">处理地点</div>
            <div class="block2 color" th:text="*{processSites}"></div>
            <div class="block3">数量/重量</div>
            <div class="block4 color" th:text=" (*{firstQuantity} != 0 ? *{firstQuantity} + 'x' +*{firstUnit} + ' ' : '') + (*{secondQuantity}!= '0' ? *{secondQuantity} + 'x' +*{secondUnit} + ' ' : '') + (*{thirdQuantity} != '0' ? *{thirdQuantity} + 'x' +*{thirdUnit} : '')"></div>
        </div>
        <div class="printLine6">
            <div class="block1">处理范围</div>
            <div class="block2 color" th:text="*{processRange}"></div>
            <div class="block3">处理方案编号</div>
            <div class="block4 color" th:text="*{processNumber} + (*{processNumberAliases} != '' ? '(别名：' + *{processNumberAliases} + ')': '')"></div>
        </div>
        <div class="printLine9">
            <div class="block1">处理对象标识</div>
            <div class="block2 color" th:text="*{processObjectId}"></div>
        </div>
        <div class="printLine10">
            <div class="block1">处理方式</div>
            <div class="block2">
                <div class="block2-line">
                    <div class="block2-check"></div>
                    <div class="block2-text" th:style="*{processMethod} == '熏蒸除虫' ? 'color:red': ''">熏蒸除虫</div>
                    <div class="block2-check"></div>
                    <div class="block2-text" th:style="*{processMethod} == '喷洒除虫' ? 'color:red': ''">喷洒除虫</div>
                    <div class="block2-check"></div>
                    <div class="block2-text" th:style="*{processMethod} == '喷洒消毒' ? 'color:red': ''">喷洒消毒</div>
                    <div class="block2-check"></div>
                    <div class="block2-text" th:style="*{processMethod} == '喷雾消毒' ? 'color:red': ''">喷雾消毒</div>
                </div>
                <div class="block2-line2">
                    <div class="block2-check"></div>
                    <div class="block2-text" th:style="*{processMethod} == '熏蒸灭鼠' ? 'color:red': ''">熏蒸灭鼠</div>
                    <div class="block2-check"></div>
                    <div class="block2-text" th:style="*{processMethod} == '其他灭鼠' ? 'color:red': ''">其他灭鼠</div>
                    <div class="block2-check"></div>
                    <div class="block2-text" th:style="*{processMethod} == '除害处理' ? 'color:red': ''">除害处理</div>
                    <div class="block2-check"></div>
                    <div class="block2-text" th:style="*{processMethod} == '除污' ? 'color:red': ''">除污</div>
                    <div class="block2-check"></div>
                    <div class="block2-text" th:style="*{processMethod} == '其他' ? 'color:red': ''" th:text="*{processMethod} == '其他' ? '其他  ' + *{processMethodRemark}: '其他'"></div>
                </div>
            </div>
        </div>
        <div class="printLine11">
            <div class="block1">使用药剂</div>
            <div class="block2  color" th:text="*{usedElixir}"></div>
            <div class="block3">单位剂量/浓度</div>
            <div class="block4 color" th:text="*{concentration} + *{concentrationUnit}"></div>
        </div>
        <div class="printLine11">
            <div class="block1">用药总量</div>
            <div class="block2 color" th:text="*{totalMedication} + *{totalMedicationUnit}"></div>
            <div class="block3">处理时间</div>
            <div class="block4 color" th:text="*{processTime}"></div>
        </div>
        <div class="printLine11">
            <div class="block1">温度/湿度</div>
            <div class="block2 color" th:text="*{temperature} + '°，' + *{humidity} + '%'"></div>
            <div class="block3">风速</div>
            <div class="block4 color" th:text="*{windSpeed}+ 'm/s'"></div>
        </div>
        <div class="printLine11">
            <div class="block1">施药开始时间</div>
            <div class="block2 color" th:text="*{#dates.format(applicationStartTime,'yyyy年MM月dd日 HH时mm分')}"></div>
            <div class="block3">施药结束时间</div>
            <div class="block4 color" th:text="*{#dates.format(applicationEndTime,'yyyy年MM月dd日 HH时mm分')}"></div>
        </div>
        <div class="printLine11">
            <div class="block1">散气开始时间</div>
            <div class="block2 color" th:text="*{diffuseStartTime} ? *{#dates.format(diffuseStartTime,'yyyy年MM月dd日 HH时mm分')} : '——'"></div>
            <div class="block3">散气结束时间</div>
            <div class="block4 color" th:text="*{diffuseStartTime} ? *{#dates.format(diffuseEndTime,'yyyy年MM月dd日 HH时mm分')} : '——'"></div>
        </div>
        <div class="printLine11">
            <div class="block1">现场负责人</div>
            <div class="block2 color" th:text="*{siteLeader}"></div>
            <div class="block3" >操作人员</div>
            <div class="block4 color" th:text="*{operator}"></div>
        </div>
        <div class="printLine12">检疫处理过程控制情况</div>
        <div class="printLine13">
            <div class="line"> 1、选用的药剂器械符合国家质检总局的相关要求。</div>
            <div class="line"> 2、人员按预定处理方案做好安全防护，安全警戒符合作业要求。</div>
            <div class="line"> 3、操作时间、用药剂量、封闭操作等符合国家相关部门制定的规定或技术标准。</div>
            <div class="line"> 4、处理效果符合相关要求。</div>
            <div class="line"> 5、未达到处理效果。</div>
        </div>
        <div class="printLine14">备    注</div>
        <div class="printLine15 color"  th:text="*{remark}"></div>
        <div class="printLine16">本记录单一式一联（白色），由检疫处理单位存留。</div>

        <div class="printLine17">
            <div class="block1">金额</div>
            <div class="block1 color" th:text="*{amount}"></div>
            <div class="block1">面积</div>
            <div class="block1 color" th:text="*{area}"></div>
            <div class="block1">体积</div>
            <div class="block1 color" th:text="*{volume}"></div>
        </div>
    </div>
</div>

<div th:include="include :: footer"></div>
<script th:inline="javascript">
    var order = [[${order}]];
    $(function() {

    });


</script>
</body>
</html>